<!-- Place this tag in your head or just before your close body tag. -->
<header id="header" class="flex-shrink-0 d-flex align-items-center">
  <div class="container d-flex align-items-center">
    <a href="/" class="logo me-auto d-flex align-items-end">
      <img
        src="/img/icon.svg"
        alt=""
        class="img-fluid"
        height="50"
        width="50"
      />
      <h1>PRQL</h1>
    </a>

    <nav id="navbar" class="navbar">
      <ul>
        {{ range .Site.Menus.nav }}
          <li>
            {{ print "[" .Name "]" "("  .URL ")" | markdownify }}
          </li>
        {{ end }}
      </ul>
      <i class="bx bx-list-ul mobile-nav-toggle"></i>
    </nav>

    <div
      style="min-width: 9rem"
      class="d-flex ps-3 pt-2 justify-content-end align-items-end"
    >
      <!-- Generated from https://buttons.github.io/ -->
      <a
        class="github-button"
        href="https://github.com/PRQL/prql"
        data-size="large"
        data-show-count="true"
        aria-label="Star prql/prql on GitHub"
      >
        Star
      </a>
    </div>
  </div>
</header>
